﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    
    <script src="~/Scripts/jquery-1.8.2.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    @*<script src="~/Scripts/jquery-1.11.1.js"></script>*@
    <script src="~/Scripts/jquery.dataTables.js"></script>
    <script src="~/Scripts/jquery.dataTables.min.js"></script>
    <link href="~/Content/style.css" rel="stylesheet" />
    <link href="~/Content/jquery.dataTables.css" rel="stylesheet" />
</head>
<body>
    <div class="topbar">
        <div class="container">
            <div class="logo"><a href="~/"><h1>Guline - Tích lũy điểm</h1></a></div>
            <div class="searchbox">
                <form>
                    <input class="txtsearch" type="text" placeholder="Tìm người, cửa hàng, sản phẩm, nhãn hiệu" />
                </form>
            </div>
            <div class="topuserpanel">
                <ul class="notifymenu">
                    <li><a href="#">Trang chủ</a></li>
                    <li><a href="#"><img src="/images/usericon.png" width="20" /><span>Nhà tôi</span></a></li>
                    <li><a href="#" class="iconnav iconnav-addfriend">Kết bạn</a></li>
                    <li><a href="#" class="iconnav iconnav-message">Tin nhắn</a></li>
                    <li><a href="#" class="iconnav iconnav-notify">Thông báo</a></li>
                    <li><a href="#" class="iconnav-setting">Cấu hình</a></li>
                </ul>
            </div>
            <div class="clr"></div>
        </div>
    </div>
    <div id="s_body">
        <div class="s_body_left">
            <ul class="s_menu_left">
                <li><a href="#"><img class="s_li_p" src="/images/setting/chung.png"><span class="s_link_text">Chung</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/baomat.png"><span class="s_link_text">Bảo mật</span></a></li>
            </ul>
            <hr class="s_hr_menu_l" />
            <ul class="s_menu_left">
                <li><a href="#"><img class="s_li_p" src="/images/setting/riengtu.png"><span class="s_link_text">Quyền Riêng Tư</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/dongthoigian.png"><span class="s_link_text">Dòng thời gian và đánh...</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/chan.png"><span class="s_link_text">Chặn</span></a></li>
            </ul>
            <hr class="s_hr_menu_l" />
            <ul class="s_menu_left">
                <li><a href="#"><img class="s_li_p" src="/images/setting/thongbao.png"><span class="s_link_text">Thông báo</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/didong.png"><span class="s_link_text">Di động</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/theodoi.png"><span class="s_link_text">Người theo dõi</span></a></li>
            </ul>
            <hr class="s_hr_menu_l" />
            <ul class="s_menu_left">
                <li><a href="#"><img class="s_li_p" src="/images/setting/ungdung.png"><span class="s_link_text">Ứng dụng</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/quangcao.png"><span class="s_link_text">Quảng cáo</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/thanhtoan.png"><span class="s_link_text">Các khoản thanh toán</span></a></li>
                <li><a href="#"><img class="s_li_p" src="/images/setting/bangdieukhien.png"><span class="s_link_text">Bảng điều khiển hỗ trợ</span></a></li>
            </ul>
            <div class="clr"></div>
        </div>
        <div class="s_body_right">
            @RenderBody()
        </div>
        <div class="clr"></div>
    </div>
</body>
</html>
<script>
    $(document).ready(function () {
        $('#example').dataTable();
    });
</script>
